<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="./Public/Home/org/index.css"/>
		<script src="./Public/Home/js/jquery-migrate-1.4.1.min.js"></script>	
		<title></title>
		<script type="text/javascript">
			window.onload=function(){
				var move=document.getElementById("move");				
				var xs=document.getElementById("xs");				
				move.onmouseover=function(){
					xs.style="display:block";
				}					
				move.onmouseout=function(){
					xs.style="display:none";
				}
				
			}
		</script>
	</head>
	<body>
		{{include file="../Common/head"}}
			<div class="brand">
				<div id="move" class="brand_1">
					<div class="pinpai">
						<a href="">品牌</a>
						<i>&gt;</i>
						<!--品牌二级菜单-->
						<div id="xs" class="pinpai_hidden">
							<div class="hidden_left">
								<dl class="fn-clear">
                            		<dt>A</dt>
                            		<dd class="fn-clear">
                            			{{foreach from="$brandDataA" value="$A"}}
                                    	<a href="{{U('List/index',array('id'=>$A['id']))}}">{{$A['name']}}</a>
										{{endforeach}}
                            		</dd>
                            		
                        		</dl>
                        		<dl class="fn-clear">
                            		<dt>B</dt>
                            		<dd class="fn-clear">
                            			{{foreach from="$brandDataB" value="$B"}}
                                    	<a href="{{U('List/index',array('id'=>$B['id']))}}">{{$B['name']}}</a>
										{{endforeach}}
                            		</dd>
                            		
                        		</dl>
                        		
							</div>
							<!-- <div class="hidden_right">
								<img src="./Public/Home/imgs/wKgFVFejMb-AK5isAAAW8ojVlUY608.jpg"/>
								<img src="./Public/Home/imgs/wKgH4FekOPiAd4TXAAAtsueJsJc645.png"/>
							</div> -->
						</div>
					</div>
					<ul>
						{{foreach from="$brandData" value="$v"}}
						<a href="{{U('List/index',array('id'=>$v['id']))}}"><li class="dazhong">{{$v['name']}}</li></a>
						{{endforeach}}
						
					</ul>
				</div>
				
				<div class="brand_1 " id="brand_2">
					<div class="pinpai">
						<a href="">级别</a>
					</div>
					<ul id="jibie">
						{{foreach from="$cateDataJibie" value="$jibie"}}
						<a href="{{U('List/index',array('cid'=>$jibie['cid']))}}"><li class="dazhong">{{$jibie['cname']}}</li></a>
						{{endforeach}}
						<!--<a href=""><li>小型车</li></a>
						<a href=""><li>紧凑型车</li></a>
						<a href=""><li>中型车</li></a>
						<a href=""><li>中大型车</li></a>
						<a href=""><li>大型车</li></a>
						<a href=""><li>跑车</li></a>
						<a href=""><li>SUV</li></a>
						<a href=""><li>微面</li></a>-->
					</ul>
				</div>
			</div>
			<!--导航结束-->
			
			
			
			<!--轮播图-->

<script>
$(function(){
// 自动切换
        // 变量
    var num = 0;
    // 执行函数
    function run(){
            num++;
            if(num==6){
                    // 立马切换到初始位置
                    $("#box-lun #father").css({left:"0px"});
                    num=1;
            }
//          document.title = num;
            // 生成新的left值
            var l = -930*num;
            // 执行left改变的动画
            $("#box-lun #father").animate({left:l+"px"},1000);
            // 小LI分流变化
            if(num==5){
                    $("#box-lun ul li").eq(0).css({background:"red"}).siblings("li").css({background:"#3e3e3e"});
            }else{
                    $("#box-lun ul li").eq(num).css({background:"red"}).siblings("li").css({background:"#3e3e3e"});
            }
    }
    // 定时器
    timer = setInterval(run,2000);

    // 鼠标移入移出
    $("#box-lun").hover(function(){
            clearInterval(timer);
    },function(){
        timer = setInterval(run,2000);
    });
    // 手动切换
    $("#box-lun ul li").mouseover(function(){
            num = $(this).index();
            // 生成新的left值
            var l = -930*num;
            // 执行left改变的动画
            $("#box-lun #father").stop().animate({left:l+"px"},1000);
            // 小li发生变化
            $("#box-lun ul li").eq(num).css({background:"red"}).siblings("li").css({background:"#3e3e3e"});
    })
})
</script>		
			<div id="box-lun">
				<div id="father">					
				<a href=""><img src="./Public/Home/imgs/1.jpg"/></a>
				<a href=""><img src="./Public/Home/imgs/2.jpg"/></a>
				<a href=""><img src="./Public/Home/imgs/3.jpg"/></a>
				<a href=""><img src="./Public/Home/imgs/4.jpg"/></a>
				<a href=""><img src="./Public/Home/imgs/5.jpg"/></a>
				<a href=""><img src="./Public/Home/imgs/6.jpg"/></a>				
				</div>
				<ul>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
			<!--轮播结束-->
			<!--热销一口价-->
			<div class="rexiao">
				<b>热销一口价</b>
				<span>在车商城，只有不化妆的价格</span>
				<!-- <a href="">查看更多 <i >&gt;</i></a> -->
			</div>
			<div id="list">
				<ul>
					{{foreach from="$shopData" value="$shop"}}
					<a href="{{U('Content/index',array('sid'=>$shop['sid']))}}"><li>
						<div class="carbox-type"></div>
						<img src="{{$shop['listGraph']}}"/>
						<em>¥</em>
						<span id="">{{$shop['shop']}}万</span>
						<p>{{$shop['sname']}}</p>
						<!--<p>新车上市，车商城独家任性抢先购，享受购置税减半政策，点击商品介绍头图，领取千元大礼，百分百中奖率。</p>-->
						<div class="carbox-tip" title="新车上市，车商城独家任性抢先购，享受购置税减半政策，点击商品介绍头图，领取千元大礼，百分百中奖率。">
                    		新车上市，车商城独家任性抢先购，享受购置税减半政策。
                		</div>
                		<div class="carbox-number">
                    	已有
                    	<span id="onePriceSaleCount-137512" style="">2</span>条购买记录
               			 </div>
                		<span class="carbox-producttype">一口价</span>
					</li></a>
					{{endforeach}}

			
                	
			</div>
			<!-- <a href=""><div class="gengduo-dikou">更多一口价信息,请点击查看</div></a>				 -->
		</div>
		{{include file="../Common/footer"}}
	</body>
</html>
